<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">

		<!-- 引入 Bootstrap 的 CSS 文件 -->

		<link href="css/bootstrap.min.css" rel="stylesheet">

		<link rel="stylesheet" href="css/index.css?t=201711101207">
		<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link href="css/sun_jigou.css" rel="stylesheet">
		<!--new-->
    <link rel="stylesheet" href="css/new_css/bootstrap.min.css">
<link rel="stylesheet" href="css/new_css/font-awesome.min.css">
<link rel="stylesheet" href="css/new_css/ace.min.css">
<link rel="stylesheet" href=" css/new_css/jquery-ui-1.10.3.full.min.css">
<link rel="stylesheet" href=" css/new_css/amazeui.min.css">
<link rel="stylesheet" href=" css/new_css/admin.css">
<link rel="stylesheet" href=" css/new_css/app.css">
<link rel="stylesheet" href=" css/new_css/sensor.css">
<link rel="stylesheet" href=" css/new_css/bootstrap-datetimepicker.min.css">
<!--bootstrap日期时间end  -->

<link rel="stylesheet" href="css/new_css/zTreeStyle.css">
<link type="text/css" rel="stylesheet" href="css/new_css/tab-control.min.css">
<link type="text/css" rel="stylesheet" href="css/new_css/layui.css">
		<style type="text/css">
	.sun_div{
		background-color: rgb(241,246,252);
	}
	.check_system{
		    line-height: 62px;
    height: 62px;
	}
	.sun_ul{
     border-top: 5px solid #0083E7;
	}
.admin-side-toggle, .admin-side-full {
    position: absolute;
    cursor: pointer;
    z-index: 19940201;
    left: 200px;
    color: white;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: rgb(0,131,213);
    line-height: 30px;
    top: 25%;
    border-radius: 50%;
}
.sun_icon .left img,.sun_icon .right img{
	width: 25px;
	height: 25px;
}
.sun_icon .left{
	margin-right: 10px;
}
.reset .container{
	border:none;
}
.div_menu{
	border-bottom:2px solid rgb(240,240,240);
	border-right:2px solid rgb(240,240,240);
	border-left:2px solid rgb(240,240,240);
}
.sun_where{
	position: absolute;
	top: -54px;
	left: 1px;
	margin-top: 20px;
	font-size: 16px;
	color: #202020;
}
.sun_content{
	/*height: 720px;*/
	padding:0px 5px;
}
.sun_title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid rgb(240,240,240);
}
.sun_title .sun_title_index{
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid rgb(255,138,0);
	display:inline-block;
	font-size: 15px;
}
.sun_title .sun_title_stu{
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin-left: 20px;
	font-size: 15px;
}
.sun_list{
	width: 100%;
	text-align: center;
}

.sun_list .sun_box{
	display: inline-block;
	width: 500px;
	height: auto;
}
.sun_list .sun_box .sun_row{
	    width: 100%;
    margin-top: 22px;
}
.sun_list .sun_box .sun_row label{
	    display: inline-block;
    width: 23%;
    font-size: 14px;
    letter-spacing: 4px;
}
.sun_list .sun_box .sun_row input{
	    width: 75%;
    font-size: 14px;
    height: 56px;
    padding-left: 10px;
    outline: none;
}
.sun_list .sun_box .sun_row .div_input{
	display: inline-block;
	    width: 75%;
    height: 180px;
    padding-left: 10px;
    outline: none;
}
.sun_box .sun_row>.div_buttom{
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: rgb(255,138,0);
	border-radius: 4px;
	color: white;
	display: inline-block;
	float: left;
}
input[type="text"]{
	border-radius: 0px;
}
#con tr:nth-child(even){
    		background-color: rgb(254,244,232);
    	}
    	 .layui-table th{
    	 	text-align: center;
    	 	font-size: 12px;
    	 }
 .layui-table td {
	    position: relative;
    padding: 20px 15px;
    min-height: 40px;
    line-height: 20px;
    font-size: 12px;
}
div#nav_top > div.container > div.fl > div.web_name {
    font-size: 22px;
    color: #585858;
    margin-left: 15px;
    line-height: 22px;
    float: left;
    margin-top: 0px!important;
}
.sun_image,.sun_button{
	text-align: left;
}
.sun_button{
	background-color: rgb(255,138,0);
	border-radius: 21px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: white;
	margin-left: 14px;
}
.sun_top_title{
	
	height: 50px;
}
.sun_top_title .title{
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border-bottom: 2px solid rgb(255,138,0);
	font-size: 18px;
}
	.s_row.article_know {
	font-size: 16px;
	}
.s_row{
	margin-bottom: 25px;
}
.sun_content{
	width: 100%;
	padding: 10px;

}
.article_title{
	text-align: center;
	font-size: 29px;
}
.article_know{
	border-left: 1px solid rgb(255,138,0);
	margin-bottom: 30px;
}
.article_info{
	padding-bottom: 40px;
	border-bottom: 1px solid rgb(247,247,247);
}
.s_button{
	margin-top: 100px;
	text-align: center;
}
.s_button .button_box{
	width: 300px;
	height: 55px;
	line-height: 55px;
	color: white;
	background-color: rgb(255,138,0);
	display: inline-block;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
}
	/*.sun_blue{
		    border-top: 5px solid rgb(1,129,213);
	}*/
</style>

<script src="js/new_js/jquery-2.0.3.min.js"></script>
<script src="js/new_js/jquery.tips.js"></script>
<script src="js/new_js/jquery-ui-1.10.3.full.min.js"></script>
<script src="js/new_js/jquery.md5.js"></script>
<script src="js/new_js/amazeui.min.js"></script>
<script src="js/new_js/jy.main.js"></script>
<!--bootstrap日期时间start  -->
<script src="js/new_js/bootstrap-datetimepicker.min.js"></script>
<!-- 字体插件(默认英文)  可全部引入-->
<script src="js/new_js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		
<script type="text/javascript" src="js/new_js/jquery.ztree.core-3.5.min.js"></script>
<script type="text/javascript" src="js/new_js/jquery.ztree.excheck-3.5.js"></script>		
		
			
			
			
			
		<!---------->
		<script src="js/jquery-1.11.3.js"></script>
		<script src="method/dwy/machine13.js"></script>
		<script>
		
		$(document).ready(function(){
	         lookfile(GetQueryString("id"));
			})
			function GetQueryString(name) {
				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
				var r = window.location.search.substr(1).match(reg);
				if(r != null) return unescape(r[2]);
				return null;
			}
		
		</script>

		<!-- 引入 Bootstrap 的 JS 文件 -->

		<script src="js/bootstrap.min.js"></script>

		<!--[if lt IE 9]><![endif]-->

		<script src="js/html5shiv.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/page.js"></script>

		<script src="js/respond.min.js"></script>

		<script src="js/baidu.js"></script>
		<script>
			$(function() {
				$('.content .container .box .tab li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
					$('.content .container .box .form li').eq($(this).index()).show().siblings().hide();
				});
			});
		</script>

	</head>

	<body>

		<!-- <link rel="stylesheet" href="css/header_footer.css?t=1"> -->
		<link rel="stylesheet" href="css/sunstyle.css">
		<%@include file="/header3.jsp"%>
		<div class="reset">
			<div class="container" style="height: 600px;position: relative;border: 1px solid #ccc; margin-top: 20px; padding: 10px;margin-bottom: 30px;top: 20px;">
				<div class="sun_where">您的位置: 首页 > 仪器知识 > <span id="headName" style="color: rgb(255,138,0);">&nbsp;湿度发生器</span></div>
				<div>
		<!--菜单  --> <form id="signupForm" style="display:none">
		                <input name="id" type="hidden" id="id" value="26" >
		                <input type="text" name="downCount" id="downCount" value=""/>
		             </form>
		<div class="sun_top_title s_row qqq"><div class="title">下载仪器知识</div></div>
		<div class="sun_content">
			<div class="s_row article_title"><span id="ik_name"></span> </div>
			<div class="s_row article_know">&nbsp;&nbsp;仪器知识信息 </div>
			<div class="s_row article_user">上传人：<span style="color: rgb(159,159,150=9);" id="pub_name"></span></div>
			<div class="s_row article_content">仪器知识概述：<span style="color: rgb(159,159,159);" id="content"></span></div>
			
			<div class="s_row article_info">上传时间：<span style="color: rgb(159,159,159);" id="time"></span>&nbsp;&nbsp;
			文件格式：<span style="color: rgb(159,159,159);" id="style"></span>&nbsp;&nbsp;
			文件大小：<span style="color: rgb(159,159,159);" id="size"></span>kB&nbsp;&nbsp;
			文件分类：<span style="color: rgb(159,159,159);" id="type"></span>&nbsp;&nbsp;</div>
			
			<div class="s_button">
        	<a id="rout"><div class="button_box" onclick="download()">下载仪器知识</div></a>
        </div>
		</div>
        

<!-- 主要界面 右边    -->
		

	</div>
				
				
				
<!--				
				<div class="sun_page">
          	<div id="test23"></div>
          </div>-->
				
			</div>
			
		</div>
		 

		<%@include file="/footer.jsp"%>
		<!--new-->
        <script src="js/new_js/tab-control.min.js"></script>
	<script src="js/new_js/index.js"></script>
	<!--new-->
		<script>
			var _hmt = _hmt || [];

			(function() {

				var hm = document.createElement("script");

				hm.src = "https://hm.baidu.com/hm.js?9a7529b195e63ca5cf0016682ef0519e";

				var s = document.getElementsByTagName("script")[0];

				s.parentNode.insertBefore(hm, s);

			})();
		</script>

		<style>
			/*侧边栏的设计*/
			
			#newBridge .icon-right-center {
				right: 0 !important;
				bottom: 285px !important;
				height: 105px !important;
			}

			#newBridge .nb-icon-base .nb-icon-inner-wrap {
				border-radius: 0 !important;
			}
			
			#sidebar {
				position: fixed;
				top: 50%;
				right: 0px;
				z-index: 2000;
				width: auto;
				margin-top: 63px;
			}
			
			#sidebar>div.aside {
				float: right;
				clear: both;
				margin-bottom: 1px;
			}
			
			#sidebar>div>p {
				color: #333;
				width: 50px;
				margin-right: 0;
				position: relative;
				z-index: 100;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 15px;
				background: #eee;
				cursor: pointer;
				margin-bottom: 0;
			}
			
			#sidebar>div>a,
			#sidebar>div>span {
				color: #596b75;
				display: inline-block;
				width: 172px;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 30px;
				cursor: pointer;
				position: absolute;
				padding-right: 0;
				padding-left: 54px;
				background: url(images/tel2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
				left: 60px;
				opacity: 0;
			}
			
			#sidebar>div>span:hover {
				background-color: #eeeeee;
				color: #fca947;
			}
			
			#sidebar>div>a.qq {
				background: url(images/qq2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}
			
			#sidebar>div>a.vip {
				background: url(images/vip-side2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}
			
			#sidebar>div>a.qq:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}
			
			#sidebar>div>a.vip:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}
			
			#sidebar>div>p.TOtop {
				background: url(images/top_a.png) 12px no-repeat;
				background-color: #eee;
			}
			
			#sidebar>div>p.TOtop:hover {
				height: 50px;
				background: url(images/top_b.png) 12px no-repeat;
				background-color: #f60;
			}
			
			#sidebar>div>p.vip {
				background: url(images/vip_service.png) no-repeat;
				background-size: 100% 100%;
			}
			
			#sidebar>div>p.vip:hover {
				background: url(images/vip-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
			
			#sidebar>div>p.aside {
				background: url(images/fwrexian.png) no-repeat;
				background-size: 100% 100%;
			}
			
			#sidebar>div>p.aside:hover {
				background: url(images/tell-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
		</style>
        <script type="text/javascript" src="js/new_js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/new_js/layui.js"></script>
<script type="text/javascript" src="js/new_js/laypage.js"></script>
<script>
layui.use('laypage', function(){
  var laypage = layui.laypage;
  //执行一个laypage实例
  laypage.render({
    elem: 'test23' //注意，这里的 test1 是 ID，不用加 # 号
    ,limit:10
    ,count: 100
    ,prev:'<'
    ,next:'>'
     ,jump: function(obj, first){
      if(!first){
        layer.msg('第'+ obj.curr +'页');
      }
    }
     ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']//数据总数，从服务端得到
  });
});
</script>
		<!--ayc:底部快速预约end-->

		<script>
			$(function() {

				//    侧边栏的点击事件

				$("#sidebar p").mouseover(function() {

					$(this).siblings().animate({
						left: "-172px",
						opacity: 1
					}, 500)

				})

				$("#sidebar div.aside").mouseleave(function(e) {

					//            alert(0)

					$(this).find("p").siblings().animate({
						left: "0px",
						opacity: 0
					}, 500)

				})

				$("p.TOtop").click(function() {

					$('html,body').animate({
						scrollTop: 0
					}, 500)

				})

			})
		</script>

		<script src="js/index.js?t=201709201011"></script>
		<script>
			var html = new page();
			html.menu();
			html.bannerHeigth();
			html.owl();
			html.scrollEnetr();
		</script>

	<style>
	@media (min-width: 1200px){
		.container {
		max-width: 1200px;
		}
	}
	.sun_top_title.s_row.qqq {
		border-bottom: 1px solid #ccc;
	}

	.s_row {
	margin-bottom: 25px;
	color: #222222;
	}
	.sun_content {
	/* height: 720px; */
	padding: 0px 5px;
	}
	</style>
	</body>
         
</html>
